<template>
    <div class="res-preview">
        <div v-show="showReason" class="reason-part" >
            <v-md-preview :text="reasoningContent"></v-md-preview>
        </div>
        <div class="content-part">
            <v-md-preview :text="content"></v-md-preview>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { computed } from 'vue';


// ai结果展示组件（简易版）
const props=defineProps({
    reasoningContent:{
        type:String,
        default:''
    },
    content:{
        type: String,
        required: true
    },
    // 展示思考内容
    showReason:{
        type:Boolean,
        default:false
    }
})


</script>
<style lang="scss" scoped>
.res-preview{
    display: flex;
    flex-direction: column;
    .reason-part{
        background-color: wheat;
    }
    .content-part{
        background-color: aquamarine;
    }
}
</style>